﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Schildersbedrijf Jansen</title>
<meta name="keywords" content="golden, ray, free css template, web design, one page layout, templatemo" />
<meta name="description" content="Golden Ray is a free CSS template, one page layout by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
    $('.lightbox').lightBox();
	$('.location_map').lightBox();
});
</script>

</head>
<body>

<span id="top"></span>
<div id="templatemo_wrapper">
	<div id="twitter">“Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.”</div>
	<div id="templatmeo_header">
        <div id="site_title">
            <h1><a href="http://www.templatemo.com/page/1">Free CSS Templates</a></h1>
        </div>
        
        <div id="templatemo_menu">
            <ul>
                <li><a href="#home"><span class="home"></span>Home</a></li>
                <li><a href="#aboutus"><span class="aboutus"></span>About Us</a></li>
                <li><a href="#blog"><span class="blog"></span>Blog</a></li>
                <li><a href="#portfolio"><span class="portfolio"></span>Portfolio</a></li>
                <li class="last"><a href="#contactus"><span class="contactus"></span>Contact</a></li>
            </ul>    	
        </div> <!-- end of templatemo_menu -->
	</div> <!-- end of header -->
    
    
     <div id="templatemo_main">
     
        <div id="home"></div>
        <div class="content_box">
            <h2>Welkom bij Schilderbedrijf Jansen</h2>
            <div class="cleaner"></div>
            <div class="col_w340 float_l">
                <div class="image_wrapper"><span></span><img src="images/templatemo_image_01.jpg" alt="Image" /></div>
              <p><em>Uw partner in totaal onderhoud</em></p>
                <p align="justify">Schildersbedrijf Jansen is actief in de onderhoud, renovatie, restauratie en nieuwbouw. Ons bedrijf beschikt over een scala van vaste opdrachtgevers in zeer uiteenlopende branches en kan bogen op een jarenlange ervaring, opgedaan in de verschillende disciplines van het schildersvak. Kwaliteit en vakmanschap staan in onze organisatie op een hoog niveau, wij zijn gecertificeerd VCA bedrijf en een erkende AF glas- en schildersorganisatie.</p>
          </div>
            <div class="col_w340 float_r">
                <h3>Wat kunt u van ons verwachten:</h3>
                <ul class="tmo_list">
                    <li>Mooie rechte tegels</li>
                    <li>100% Garantie</li>
                    <li>Alles wordt door ons geregeld</li>
                    <li>Lage prijzen</li>
                    <li>Zeer snel geregeld!</li>
                </ul>
                <div class="cleaner h30"></div>
                
            </div>
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="aboutus"></div>
        <div class="content_box">
            <h2>Wie zijn wij</h2>
            <div class="cleaner"></div>
            <div class="col_w340 float_l">
                <div class="image_wrapper"><span></span><img src="images/templatemo_image_02.jpg" alt="Image" /></div>
                <p><em>Hoe is ons bedrijf ontstaan, en wie werken er?</em></p>
              <p>Op een warme zomerdag in 2001 besloten de broers Kevin en Peter Jansen een klusbedrijfje op te richten. Nu, in 2013, is er niet heel veel veranderd.

</p>
                <p>Wat er WEL veranderd is: We zijn nu gespecialiseerd in schilderen, en de broer van Peter's vriendin, Henk de Graaff, werkt nu ook bij ons.</p>
          </div>
            <div class="col_w340 float_r">
                <h3>Onze diensten</h3>
                <p><em>Wij bieden u een snelle service en net schilderwerk.</p>
                <ul class="tmo_list">
                    <li>Snelle service</li>
                    <li>Net schilderwerk</li>
                    <li>Mooi prijsje</li>
                    <li>100% garantie</li>
                    <li>Snel klaar</li>
                </ul>
            </div>
           <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="blog"></div>
        
        <div class="content_box">
            <h2>Blog Posts</h2>
            <div class="cleaner"></div>
            <p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
            <div class="cleaner h30"></div>
            
            <div class="post_box float_l">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_07.jpg" alt="Image 07" /></div>
                <p class="post_meta"><span class="cat">September 24th in <a href="http://www.templatemo.com">Templates</a>, <a href="http://www.templatemo.com/page/1">Freebie</a></span> | <a href="#">144 comments</a></p>
                <div class="cleaner h10"></div>
                <h3>Web Design Tips</h3>
                <p>Ut ultricies risus sit amet est convallis bibendum. Maecenas lacus sapien, mollis sed tristique sit amet, condimentum ac lorem. Facilisis sagittis at et lorem. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            
            <div class="post_box float_r">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_08.jpg" alt="Image 08" /></div>
                <p class="post_meta"><span class="cat">September 20th in <a href="http://www.templatemo.com/page/1">CSS Templates</a>, <a href="http://www.templatemo.com">Graphic</a></span> | <a href="#">241 comments</a></p>
                <div class="cleaner h10"></div>
                <h3>Free Templates</h3>
                <p>Vestibulum adipiscing tempus elit eu condimentum. Fusce at mi felis. Etiam sed velit nibh. Nunc bibendum justo nec eros elementum auctor. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            
            <div class="post_box float_l">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_05.jpg" alt="Image 05" /></div>
                <p class="post_meta"><span class="cat">September 12th in <a href="http://www.templatemo.com/page/1">Illustrations</a>, <a href="http://www.templatemo.com">Photoshop</a></span> | <a href="#">145 comments</a></p>
                <div class="cleaner h10"></div>
                <h3>Creating Logo Graphics</h3>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean enim nunc, facilisis cursus. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            
            <div class="post_box float_r">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_06.jpg" alt="Image 06" /></div>
                <p class="post_meta"><span class="cat">September 4th in <a href="http://www.templatemo.com/page/1">Web Development</a>, <a href="http://www.templatemo.com">Web Design</a></span> | <a href="#">211 comments</a></p>
				<div class="cleaner h10"></div>
                <h3>PHP and MySQL</h3>
                <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc bibendum justo nec eros elementum auctor. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
            
        </div> <!-- end of a content box -->
        
        <div id="portfolio"></div>
        <div class="content_box">
            <h2>Our Portfolio</h2>
            <div class="cleaner"></div>
            <p>Mauris tortor dui, faucibus sed auctor in, aliquet sit amet felis. Sed sit amet diam ut tellus sodales rutrum. Ut et odio nec justo pretium auctor eget ut velit.</p>
            <div class="cleaner h30"></div>
            
            <div id="gallery">
                <ul>
                    <li><a href="images/gallery/image_01_l.jpg" class="lightbox" title="01"><span></span><img src="images/gallery/image_01_s.jpg" alt="Image 01" /></a></li>
                    <li><a href="images/gallery/image_02_l.jpg" class="lightbox" title="02"><span></span><img src="images/gallery/image_02_s.jpg" alt="Image 02" /></a></li>
                    <li class="rm_col"><a href="images/gallery/image_03_l.jpg" class="lightbox" title="03"><span></span><img src="images/gallery/image_03_s.jpg" alt="Image 03" /></a></li>
                    
                    <li><a href="images/gallery/image_04_l.jpg" class="lightbox" title="04"><span></span><img src="images/gallery/image_04_s.jpg" alt="Image 04" /></a></li>
                    <li><a href="images/gallery/image_05_l.jpg" class="lightbox" title="05"><span></span><img src="images/gallery/image_05_s.jpg" alt="Image 05" /></a></li>
                    <li class="rm_col"><a href="images/gallery/image_06_l.jpg" class="lightbox" title="06"><span></span><img src="images/gallery/image_06_s.jpg" alt="Image 06" /></a></li>
                    
                    <li><a href="images/gallery/image_07_l.jpg" class="lightbox" title="07"><span></span><img src="images/gallery/image_07_s.jpg" alt="Image 07" /></a></li>
                    <li><a href="images/gallery/image_08_l.jpg" class="lightbox" title="08"><span></span><img src="images/gallery/image_08_s.jpg" alt="Image 08" /></a></li>
                    <li class="rm_col"><a href="images/gallery/image_09_l.jpg" class="lightbox" title="09"><span></span><img src="images/gallery/image_09_s.jpg" alt="Image 09" /></a></li>              
                </ul>
                
                <div class="cleaner"></div>
            </div>
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="contactus"></div>
        
        <div class="content_box">
        
            <h2>Contact Information</h2>
            
            <div class="cleaner"></div>
            
            <p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
            
            <div class="cleaner h30"></div>
            
            <div class="col_w340 float_l">
                <h4>Quick Contact Form</h4>
                <div id="contact_form">
                <form method="post" name="contact" action="#">
					
						<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
						<div class="cleaner h10"></div>
													
						<label for="email">Email:</label> <input type="text" class="validate-email required input_field" name="email" id="email" />
						<div class="cleaner h10"></div>
											
						<label for="subject">Subject:</label> <input type="text" class="validate-subject required input_field" name="subject" id="subject"/>				               
						<div class="cleaner h10"></div>
							
						<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
						<div class="cleaner h10"></div>				
												
						<input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
						<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
						
				</form> 
                
                </div> 
            </div>
            
            <div class="col_w340 float_r">
                <h4>Our Location</h4>

                <div id="map"><span></span><a href="images/map_big.jpg" class="location_map" title="Our Location"><img src="images/map_thumb.jpg" alt="Map" /></a></div>                             
                <div class="cleaner h30"></div>
                
                <h4>Mailing Address</h4>
                <h6><strong>Our Company</strong></h6>
                250-500 Duis lacinia dictum, <br />
                Proin tincidunt euismod risus, 12450<br />
                Duis laoreet mattis, diam a tempor<br /><br />
                
                <strong>Phone:</strong> 010-020-0120<br />
       	    	<strong>Email:</strong> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></div>    	
            
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
	</div> <!-- end of main -->
    
    <div id="templatemo_footer">
    
	Copyright © 2013 <a href="#">Schildersbedrijf Jansen</a>
        
	</div>
    
</div> <!-- end of wrapper -->
</body>
</html>